/* controlling the look of the left-hand menu */

body {
    /*font: 100% Verdana, Arial, Helvetica, sans-serif; */
    /*background: #666666; */
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    /*	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}


.about {
    margin-left: 30px;
    text-align: center;
}


.code {

    background: #EEEEEE;
}


.menu {
    float: left;
    /*    height: 88%;  */
    line-height: 110%;
    margin-left: -30px;
    /* border-right:1px solid #004D99; /* solid grey;  */
    padding: 1em;
    width: 178px;
    /*   font-family: Helvetica, sans-serif;
       color: #66EEEE; */
}

.menu ul {
    list-style-type: none;
}

.menu a {
    font-weight: bold;
    text-decoration: none;
    color: #006633;
}


.content h1 {
    color: #006633;
}


.content h2 {
    color: #006633;
}

.content h3 {
    color: #006633;
}


.content a {
/ / font-weight: bold;
    text-decoration: none;
    color: #006633;
}

.content a:hover {
    color: #ffCC33;
}


.menu a:hover {
    color: #ffCC33;
}

.menu a:visited {
    /*    color:grey; */
}


.about a {
    font-weight: bold;
    text-decoration: none;
    color: #006633;
}

.about a:hover {
    color: #ffCC33;
}

.about a:visited {
    /*    color:grey; */
}


.text, .personal {
    margin: 0px 100px 100px 200px;
    position: absolute;
    font-family: Helvetica, sans-serif;
}

.personal a {
    color: #ffCC33;
    text-decoration: none;
}

.personal a:hover {
    color: #ffCC33;
}

.personal a:visited {
    color: #006633;
}


div.header h1 {
    margin: 0;
    padding: 10px 0;
}


div.container {
    width: 100%;
    /* height: 100%; */
    margin: 0px;
    /*border:1px solid #004D99;  solid grey; */
    line-height: 100%;
}

div.header, div.footer {
    font: 100% Verdana, Arial, Helvetica, sans-serif;

    padding: 0 10px 0 20px;
    color: #ffCC33;

    background: #006633;

    /* border:1px solid grey; */
}

.footer a {
    color: #ffCC33;
}

h1.header {
    padding: 0;
    margin: 0;
}

div.content {
    margin-left: 180px;
    border-left: 1px solid #006633;
    padding: 1em;
}


/*div.header, div.footer a {
   color: white;
}

.header, .footer a:hover {
   color: blue;
}
.header, .footer a:visited {
   color: white;
}
*/


.contact {
    text-align: center;
    margin: 25px 0px 0px 400px;
    position: absolute;
    font-family: Helvetica, sans-serif;
}
